<template>
     <div id="box">
          <header>
               <ul>
                 <li>北京市</li>
                 <li>附近</li>
                 <li><img src="../assets/img/xiaoxi.png"></li>
               </ul>
          </header>
          <section>
                 <ul>
                   <li>
                       <dl>
                         <dt><img src="../assets/img/touxiang.png"></dt>
                         <dd>
                           <ol>
                             <li>一喂员：</li>
                             <li>总结单量：xxx单<img src="../assets/img/xingxing.png"></li>
                             <li>一喂员等级：[游民]</li>
                             <li class="one">
                                 <p><img src="../assets/img/wodeweizhi.png"></p>
                                 <p>相距：6.4公里</p>
                                 <p><img src="../assets/img/tedeweizhi.png"></p>
                              </li>
                           </ol>
                         </dd>
                       </dl>
                   </li>
                 </ul>
                 <ul>
                   <li>
                       <dl>
                         <dt><img src="../assets/img/touxiang.png"></dt>
                         <dd>
                           <ol>
                             <li>一喂员：</li>
                             <li>总结单量：xxx单<img src="../assets/img/xingxing.png"></li>
                             <li>一喂员等级：[游民]</li>
                             <li class="one">
                                 <p><img src="../assets/img/wodeweizhi.png"></p>
                                 <p>相距：6.4公里</p>
                                 <p><img src="../assets/img/tedeweizhi.png"></p>
                              </li>
                           </ol>
                         </dd>
                       </dl>
                   </li>
                 </ul>
                 <ul>
                   <li>
                       <dl>
                         <dt><img src="../assets/img/touxiang.png"></dt>
                         <dd>
                           <ol>
                             <li>一喂员：</li>
                             <li>总结单量：xxx单<img src="../assets/img/xingxing.png"></li>
                             <li>一喂员等级：[游民]</li>
                             <li class="one">
                                 <p><img src="../assets/img/wodeweizhi.png"></p>
                                 <p>相距：6.4公里</p>
                                 <p><img src="../assets/img/tedeweizhi.png"></p>
                              </li>
                           </ol>
                         </dd>
                       </dl>
                   </li>
                 </ul>
          </section>
          <footer>
              <ul>
              <router-link to="/shouye">
              <li><img src="../assets/img/foot_1.png"><p>首页</p></li>
            </router-link>
            <router-link to="/fujin">
                <li><img src="../assets/img/foot_2.png"><p>附近</p></li>
              </router-link>
                <router-link to="yiweiyuanshenqing">
                <li><img src="../assets/img/foot_3.png"></li>
              </router-link>
                <router-link to="/wodedingdan">
                <li><img src="../assets/img/foot_4.png"><p>订单</p></li>
              </router-link>
              <router-link to="/gerenzhongxin"> 
                <li><img src="../assets/img/foot_5.png"><p>我的</p></li>
              </router-link>
              </ul>
          </footer>
     </div>
</template>

<script>
export default {
  name: 'box',
  data () {
    return{
       
        
        
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="less">
   @import ".././assets/less/fujin.less";
   @import ".././assets/css/reset.css";
</style>